<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- 		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> -->


		<link rel="stylesheet" href="css/bootstrap.3.4.1.css">
		<link rel="stylesheet" href="css/main.css">

		<style type="text/css">

		</style>
		<title>其他组件 表/14.9 demo </title>
	</head>
	<body>

		<h1>
			demo

			其他组件 表/14.9
			https://biaoyansu.com/14.9

		</h1>



		<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni dolore a modi natus aliquam facere maxime
			explicabo et praesentium aliquid quis alias tenetur esse iusto fuga minima molestiae excepturi nulla.</div>
		<div>Earum quae hic laborum porro veniam deleniti. Cumque sint quas est at odit necessitatibus fugit omnis
			impedit mollitia perferendis eveniet nobis quis aliquam itaque libero officia molestiae ipsa animi ipsam.
		</div>
		<div>Laudantium eos veniam temporibus architecto obcaecati animi nihil sunt dolore quam inventore dolor ut
			voluptas debitis minus dolores hic error corporis aperiam a autem. Quisquam a hic fugiat eaque molestiae!
		</div>
		<div>Praesentium officiis non illo aliquid eligendi eos vitae hic obcaecati qui rem amet porro maxime saepe
			eaque ducimus minus ullam numquam mollitia quia sunt voluptas inventore iure deserunt vel beatae.</div>


		<div>
			<ul class="pagination">

				<li> <a href="#">上一页</a></li>
				<li> <a href="#">1</a></li>
				<li> <a href="#">2</a></li>
				<li> <a href="#">3</a></li>
				<li> <a href="#">下一页</a></li>
			</ul>
		</div>



		<div>
			<ul class="pagination">

				<li>
					<a href="#" aria-label="Previous">
						<span aria-hidden="true">&laquo;</span>
					</a>
				</li>


				<li> <a href="#">0</a></li>
				<li> <a href="#">1</a></li>
				<li class="active"> <a href="#">2</a></li>
				<li> <a href="#">3</a></li>
				<li> <a href="#">4</a></li>

				<li>
					<a href="#" aria-label="Next">
						<span aria-hidden="true">&raquo;</span>
					</a>
				</li>
			</ul>
		</div>







		<div>
			<ul class="pager">

				<li> <a href="#">上一页</a></li>
				<li class="disabled" > <a href="#">下一页</a></li>
			</ul>
		</div>


	</body>
</html>
